.topic-item{
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 20PX 0;
  padding: 0 10PX;
  .user-img{
    width: 30PX;
    min-width: 30PX;
    height: 30PX;
    border-radius: 50%;
  }
  .topic-item-right{
    display: flex;
    flex-direction: column;
    margin-left: 10PX; 
    flex-grow: 1;
    .item-right-title,
    .item-right-bottom{
      display: flex;
      flex-direction: row;
      align-items: baseline;
      padding: 0 10PX;
      font-size: 13PX;
      .topic-up{
        background: #f48fb1;
        color: #fff;
        padding: 2PX 4PX;
        text-align: center;   
        border-radius: 4PX;
        font-size: 13PX;
        min-width: 30PX;
        margin-right: 10PX;
      }
      .blue{
        background: #03a9f4;
      }
    }
    .item-right-bottom{
      margin: 10PX;
      font-size: 12PX;
      color: #757575;
      display: flex;
      justify-content: space-around;
    }
  }
}